﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>百度地图Demo</title>
    <!--<style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }

        .BMap_bubble_title font {
            color: orange !important;
            background-color: transparent !important;
        }

        .BMap_bubble_content {
            font-size: 12px;
        }

        .BMap_pop img[title="发送到手机"] {
            display: none !important;
        }

        #baiduMap {
            width: 100%;
            height: 100%;
        }
    </style>-->
</head>
<body>



    <div class="map-types other-inputs">
        <span class="r btn-full-screen cp"><i class="icon-full-screen"></i><span>全屏</span></span>
        <label>
            <input type="radio" id="rdo2D" onclick="GetBaiduMap.changeUrl('/property/baidu-map-partial?filter=1&estatename=' + escape($('#linkEstateNameTitle').text()) + '&ll=' + $('#hidLL').val());;" id="" name="map-types" />2D
        </label>
        <label>
            <input type="radio" onclick="GetBaiduMap.changeUrl('/property/baidu-map-partial?filter=3&estatename=' + escape($('#linkEstateNameTitle').text()) + '&ll=' + $('#hidLL').val());" id="" name="map-types" />卫星
        </label>
        <label>
            <input type="radio" onclick="GetBaiduMap.changeUrl('/property/baidu-map-partial?filter=4&estatename=' + escape($('#linkEstateNameTitle').text()) + '&ll=' + $('#hidLL').val());" id="" name="map-types" />街景
        </label>
    </div>
    <iframe id="ifrMap" class="ifr-map ifr-map-w734" frameborder="0"></iframe>
    <span class="btn-exit-full-screen"><i class="icon-exit-full-screen"></i>退出全屏</span>
    <script>
        $(function () {
            $(".btn-full-screen,.exit-full-screen").unbind();
            //全屏显示地图
            $(".btn-full-screen").bind("click", function () {
                $("#ifrMap").addClass("iframe-full-screen");
                $("html").css("overflow", "hidden");
                $(".btn-exit-full-screen").show();
            })
            //退出全屏显示
            $(".btn-exit-full-screen").bind("click", function () {
                $("#ifrMap").removeClass("iframe-full-screen");
                $("html").css("overflow", "auto");
                $(this).hide();
            })
        })


        var GetBaiduMap = {};
        var baidumap = GetBaiduMap;
        GetBaiduMap.init = function () {
            $(function () {
                GetBaiduMap.changeUrl('/MapIndexPartial?filter=1&estatename=' + escape($('#linkEstateNameTitle').text()) + '&ll=' + $('#hidLL').val());
                $('#rdo2D').attr('checked', true);
            });
        }
        GetBaiduMap.changeUrl = function (vPageName) {
            var vIfr = document.getElementById("ifrMap");
            vIfr.src = vPageName;
        }

    </script>



</body>
</html>